<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
	<meta http-equiv="content-type" content="text/xml; charset=utf-8" /> 
    <title>Check Out</title>
    <meta name="description" content="E-Business"  /> 
	<meta name ="keywords" content="?????"  /> 
	<link rel="stylesheet" type="text/css" href="formatstyles.css"/> 
	<link rel="stylesheet" type="text/css" href="divstyles.css"/> 
    <link rel="stylesheet" type="text/css" href="style/css/jquery-ui-1.8.18.custom.css" />
	
	<!-- include CSS always before including js -->

	<!-- include jQuery library -->
	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="style/css/demos.css"/>
	<style type="text/css" media="screen"> 
		@import "style/css/uni-form.css"; 
	</style>
	
	<!-- Demo page js -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.uni-form.js"></script>
	
	<!-- Star Rating widget stuff here... -->
	<script type="text/javascript" src="js/jquery.ui.stars.js"></script>
	<link rel="stylesheet" type="text/css" href="style/css/crystal-stars.css"/>
	<script type="text/javascript" src ="js/language-en.js"></script> 
	<script type="text/javascript" src ="js/nopcart.js" language="javascript"> 
	
      //============================================================== 
      //               NOP Design JavaScript Shopping Cart               
      //-------------------------------------------------------------- 
	  //       Visit NOP Design at http://www.nopdesign.com/freecart     
	  //============================================================== 
	</script>

</head>

<body>
<div id="fade" style="display:none;"></div>
	<!-- This is the page section -->
	<div id="page_section">

		<!-- This is the banner --> 
		<div id="banner"> 
 			<?php include("banner.php"); ?>
		</div> 
		<!-- This is end of the banner --> 
    
    	<div id="user-cpanel">
		<?php include("user_cpanel.php"); ?>
		<?php include("session.php"); ?>
        </div>
        <div class="wan-clear"></div>
        <div id="user-form">
       	<?php include("user-form.php"); ?>
		</div>
		<div id="topnav">
           <?php include("top-nav.php"); ?>
        </div>

<!-- This is the content -->
		<div id="content">
		 <center>
		<h1>Check out procedure</h1>
			<!-- Checkout Begin--> 
		<h2>The items listed below are currently in your shopping cart: </h2>
             
		<script type="text/javascript"> 
  		CheckoutCart(); 
  		</script>  
  		          
        <h2>Please enter credit card details to perform purchase:</h2>
        <img src="images/visa-credit.jpg" height="100" width="300" align="middle" alt="visa logo" />
        <table>
        <tr><td>
        Credit card number: 
        </td>
        <td><input type="text" /></td>
		</tr>
        <tr><td>Security code: 
        </td>
        <td><input type="text" /></td>
        </tr> 
        <tr><td>
        Expire date:</td>
        <td>
        <select name="rangeHTML">
                    	
							<option value="1">1</option>
							<option value="2">2</option>

                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>

                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                        
						</select>
                        <select name="year">
                    	
							<option value="1">2013</option>
							<option value="2">2014</option>

                            <option value="3">2015</option>
                            <option value="4">2016</option>
                            <option value="5">2017</option>
                            <option value="6">2018</option>
                            <option value="7">2019</option>
                            <option value="8">2020</option>

                            <option value="9">2021</option>
                            <option value="10">2022</option>
                            <option value="11">2023</option>
                            
                        
						</select>
              </td></tr>
      	
        </table>
        <br /> 
        <input type="submit" value="Submit Order" />
        
        <br />
        <a class="menu" href="ebook.php">Add more</a>
       
 </form>  
 <!-- Checkout End  -->  
 </center>
		</div> 
<!-- This is end of the content -->
	</div> 
<!-- This is end of the page section -->
<br />
<!-- This is the footer -->
		<div id="footer"> 
			<p class="footer">This website is a student project that is intended to be used only for academic purposes. This page was created by Duy, Le Quang </p>
		</div> 
<!-- This is end of the footer -->
</body>

</html>